<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>162_location</title>
	</head>
	<body>
		<div>
			<button id="btn">点我一下</button>
			<form action="#">
				<input type="text" name="username" />
			</form>
		</div>
		<script>
			/* 
			location 表示的是浏览器地址栏的信息
				-可以直接将location的值修改为一个新的地址，这样会使得网页发生跳转
				-location.assign()跳转到一个新的地址
				-location.replace()跳转到一个新的地址(无法通过回退按钮回退)
				-location.reload()刷新页面
				-location.reload()刷新页面，可以传递一个true来强制清缓存刷新
				-location.href 获取当前地址
			 */
			const btn = document.getElementById("btn")
			btn.addEventListener("click", () => {
				//Location {ancestorOrigins: DOMStringList, href: 'http://127.0.0.1:8848/developer-vue/developer-js/bom/162_location.html', origin: 'http://127.0.0.1:8848', protocol: 'http:', host: '127.0.0.1:8848', …}
				//返回的是一个对象，但可以直接修改
				console.log(location);
				//location="https://www.baidu.com" //直接修改location

				//location.assign("https://www.baidu.com")
				location.reload()//不传参数，有的浏览器不强制刷新，比如火狐
			})
		</script>
	</body>
</html>